<!DOCTYPE html>
<html>
<head>
<title>后台管理</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../res/om-ui/themes/apusic/om-all.css" />
<style type="text/css">
html,body {width: 100%;height: 100%;padding: 0;margin: 0;}
iframe{border:0px;}
#center-tab .om-panel-body {padding: 0;}
</style>
</head>
<body>
<div id="center-panel">
	<div id="center-tab">
		<ul>
			<li><a href="#tab1">欢迎登录</a></li>
		</ul>
		<div id="tab1" style="overflow:hidden;">
			<iframe id='index' src="WelCome.html" width="100%"></iframe>
		</div>
	</div>
</div>
<div id="west-panel">
	<ul id="navTree"></ul>
</div>
<div id="north-panel">banner</div>
<div id="south-panel">footer</div>
<!--
<script type="text/javascript" src="../res/js/jquery_V1/jquery.min.js"></script>
-->
<script type="text/javascript" src="../res/js/jquery_V1/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../res/om-ui/ui/om-core.js"></script>
<script type="text/javascript" src="../res/om-ui/ui/om-mouse.js"></script>
<script type="text/javascript" src="../res/om-ui/ui/om-resizable.js"></script>
<script type="text/javascript" src="../res/om-ui/ui/om-panel.js"></script>
<script type="text/javascript" src="../res/om-ui/ui/om-borderlayout.js"></script>
<script type="text/javascript" src="../res/om-ui/ui/om-tabs.js"></script>
<script type="text/javascript" src="../res/om-ui/ui/om-tree.js"></script>
<script type="text/javascript">
$(function() {
	$('body').omBorderLayout({
		panels: [
			{id: "center-panel",header: false,region: "center"}
			,{id: "west-panel",resizable: true,collapsible: true,title: "导航",region: "west",width: 210}
			,{id: "north-panel",header: false,title: "north",region: "north",height: 50}
			,{id: "south-panel",header: false,title: "south",region: "south",height: 20}
		]
	});
	
	var tabElement = $('#center-tab').omTabs({height : "fit"});
	var navData = [
		{id:"n1",text:"站点管理",expanded:true}
		, {id : "n11",pid:"n1",text : "信息发布",url:"Info/InfoList.html",expanded : true}
		, {id : "n2",text : "转运管理",expanded:true}
		, {id : "n21",pid:"n2",text : "转运配置",expanded:true}
		, {id : "n211",pid:"n21",text : "仓库地址管理"}
		, {id : "n212",pid:"n21",text : "客户类型管理"}
		, {id : "n212",pid:"n21",text : "发货方式管理"}
		, {id : "n22",pid:"n2",text : "入库预报"}
		, {id : "n23",pid:"n2",text : "仓储管理"}
		, {id : "n24",pid:"n2",text : "订单管理"}
		, {id : "n25",pid:"n2",text : "客户管理"}
		, {id : "n26",pid:"n2",text : "充值管理"}
		, {id : "n27",pid:"n2",text : "客户反馈",expanded:true}
		, {id : "n271",pid:"n27",text : "提现申请"}
		, {id : "n272",pid:"n27",text : "理赔申请"}
		, {id : "n273",pid:"n27",text : "客户留言"}
		, {id : "n3",text : "系统管理",expanded:true}
		, {id : "n31",pid:"n3",text : "员工管理"}
	];
	
	$("#navTree").omTree({
		dataSource: navData,
		//dataSource : 'getMenuTree.aspx?pid=0',
		simpleDataModel : true,
		showIcon : false,
		onBeforeExpand : function(node) {
			var nodeDom = $("#"	+ node.nid);
			if (nodeDom.hasClass("hasChildren")) {
				nodeDom.removeClass("hasChildren");
			}
			return true;
		},
		onClick : function(nodeData,event) {
			if (nodeData.url) {
				var tabId = tabElement.omTabs('getAlter','tab_' + nodeData.id);
				if (tabId) {
					tabElement.omTabs('activate',tabId);
				} else {
					tabElement.omTabs('add',{
						title : nodeData.text,
						tabId : 'tab_' + nodeData.id,
						content : "<iframe id='" + nodeData.id + "' frameborder='no' name='inner-frame' src='" + nodeData.url + "' height='" + ifh + "' width='100%'></iframe>",
						contextMenu : true,
						closable : true
					});
				}
			}
		}
	});
	var ifh = tabElement.height() - tabElement.find(".om-tabs-headers").outerHeight() - 4; //为了照顾apusic皮肤，apusic没有2px的padding，只有边框，所以多减去2px
	$('#index').height(ifh);
});
</script>
</body>
</html>